<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet/less" href="./css/common.less">
    <link rel="stylesheet/less" href="./css/order.less">
    <link rel="stylesheet" href="./css/swiper-bundle.min.css">
    <title>订单</title>
</head>

<body>
    <header>
        <img src="./images/order/return.png" alt="" class="return">
        <h1>我的订单</h1>
        <div class="return"></div>
    </header>
    <main>
        <div class="item">
            <div class="box">
                <div class="left"><img src="./images/home/dish1.png" alt=""></div>
                <div class="right">
                    <div class="top">
                        <span class="name">马路边边</span>
                        <span class="info">派送中</span>
                    </div>
                    <div class="sales">
                        <div class="star"><img src="./images/home/star.png" alt="">4.9</div>
                        <div class="num">月售1990</div>
                    </div>
                    <div class="food_price">
                        <span class="left">烤肉+啤酒+小炒等20件</span>
                        <span class="right">567</span>
                    </div>
                </div>
            </div>
            <div class="btn">
                <div class="urge">催单</div>
                <div class="logistics">查看物流</div>
            </div>
        </div>
        <div class="item">
            <div class="box">
                <div class="left"><img src="./images/home/dish2.png" alt=""></div>
                <div class="right">
                    <div class="top">
                        <span class="name">马路边边</span>
                        <span class="info">退款申请成功</span>
                    </div>
                    <div class="sales">
                        <div class="star"><img src="./images/home/star.png" alt="">4.9</div>
                        <div class="num">月售1990</div>
                    </div>
                    <div class="food_price">
                        <span class="left">烤肉+啤酒+小炒等20件</span>
                        <span class="right">567</span>
                    </div>
                </div>
            </div>
            <div class="btn">
                <!-- <div class="urge">催单</div> -->
                <div class="logistics">再来一单</div>
            </div>
        </div>
        <div class="item">
            <div class="box">
                <div class="left"><img src="./images/home/dish3.png" alt=""></div>
                <div class="right">
                    <div class="top">
                        <span class="name">马路边边</span>
                        <span class="info">待付款</span>
                    </div>
                    <div class="sales">
                        <div class="star"><img src="./images/home/star.png" alt="">4.9</div>
                        <div class="num">月售1990</div>
                    </div>
                    <div class="food_price">
                        <span class="left">烤肉+啤酒+小炒等20件</span>
                        <span class="right">567</span>
                    </div>
                </div>
            </div>
            <div class="btn">
                <div class="urge">取消订单</div>
                <div class="logistics">立即付款</div>
            </div>
        </div>
        <div class="item">
            <div class="box">
                <div class="left"><img src="./images/home/dish1.png" alt=""></div>
                <div class="right">
                    <div class="top">
                        <span class="name">马路边边</span>
                        <span class="info">已送达</span>
                    </div>
                    <div class="sales">
                        <div class="star"><img src="./images/home/star.png" alt="">4.9</div>
                        <div class="num">月售1990</div>
                    </div>
                    <div class="food_price">
                        <span class="left">烤肉+啤酒+小炒等20件</span>
                        <span class="right">567</span>
                    </div>
                </div>
            </div>
            <div class="btn">
                <!-- <div class="urge">取消订单</div> -->
                <div class="logistics">再来一单</div>
            </div>
        </div>
        <div class="item">
            <div class="box">
                <div class="left"><img src="./images/home/dish1.png" alt=""></div>
                <div class="right">
                    <div class="top">
                        <span class="name">马路边边</span>
                        <span class="info">派送中</span>
                    </div>
                    <div class="sales">
                        <div class="star"><img src="./images/home/star.png" alt="">4.9</div>
                        <div class="num">月售1990</div>
                    </div>
                    <div class="food_price">
                        <span class="left">烤肉+啤酒+小炒等20件</span>
                        <span class="right">567</span>
                    </div>
                </div>
            </div>
            <div class="btn">
                <div class="urge">催单</div>
                <div class="logistics">查看物流</div>
            </div>
        </div>
        <div class="item">
            <div class="box">
                <div class="left"><img src="./images/home/dish2.png" alt=""></div>
                <div class="right">
                    <div class="top">
                        <span class="name">马路边边</span>
                        <span class="info">退款申请成功</span>
                    </div>
                    <div class="sales">
                        <div class="star"><img src="./images/home/star.png" alt="">4.9</div>
                        <div class="num">月售1990</div>
                    </div>
                    <div class="food_price">
                        <span class="left">烤肉+啤酒+小炒等20件</span>
                        <span class="right">567</span>
                    </div>
                </div>
            </div>
            <div class="btn">
                <!-- <div class="urge">催单</div> -->
                <div class="logistics">再来一单</div>
            </div>
        </div>
        <div class="item">
            <div class="box">
                <div class="left"><img src="./images/home/dish3.png" alt=""></div>
                <div class="right">
                    <div class="top">
                        <span class="name">马路边边</span>
                        <span class="info">待付款</span>
                    </div>
                    <div class="sales">
                        <div class="star"><img src="./images/home/star.png" alt="">4.9</div>
                        <div class="num">月售1990</div>
                    </div>
                    <div class="food_price">
                        <span class="left">烤肉+啤酒+小炒等20件</span>
                        <span class="right">567</span>
                    </div>
                </div>
            </div>
            <div class="btn">
                <div class="urge">取消订单</div>
                <div class="logistics">立即付款</div>
            </div>
        </div>
        <div class="item">
            <div class="box">
                <div class="left"><img src="./images/home/dish1.png" alt=""></div>
                <div class="right">
                    <div class="top">
                        <span class="name">马路边边</span>
                        <span class="info">已送达</span>
                    </div>
                    <div class="sales">
                        <div class="star"><img src="./images/home/star.png" alt="">4.9</div>
                        <div class="num">月售1990</div>
                    </div>
                    <div class="food_price">
                        <span class="left">烤肉+啤酒+小炒等20件</span>
                        <span class="right">567</span>
                    </div>
                </div>
            </div>
            <div class="btn">
                <!-- <div class="urge">取消订单</div> -->
                <div class="logistics">再来一单</div>
            </div>
        </div>
    </main>
    <footer>
        <a href="./index.html" class="item">
            <img src="./images/footer_icon1.png" alt="">
            <span>外卖</span>
        </a>
        <a href="./order.html" class="item">
            <img src="./images/_footer_icon2.png" alt="">
            <span>订单</span>
        </a>
        <a href="./my.html" class="item">
            <img src="./images/footer_icon3.png" alt="">
            <span>我的</span>
        </a>
    </footer>

    <script src="./js/less-4.1.3.js"></script>
    <script src="./js/rem.js"></script>
</body>

</html>